<template>
  <a-modal
    :title="title"
    :width="800"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭"
  >
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="视图名称">
          <a-input placeholder="请输入视图名称" v-decorator="['viewName', validatorRules.viewName ]" />
        </a-form-item>
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="视图描述">
          <a-input placeholder="请输入视图描述" type="textarea" v-decorator="['viewComments', {}]" />
        </a-form-item>
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="视图类型">
          <a-input placeholder="请输入视图类型" v-decorator="['viewType', validatorRules.viewType ]" />
        </a-form-item>
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="包名">
          <a-input placeholder="请输入包名" v-decorator="['viewPacking', validatorRules.viewPacking ]" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="布局列数">
          <a-input
            placeholder="请输入布局列数"
            v-decorator="['viewMaincols', validatorRules.viewMaincols ]"
          />
        </a-form-item>

      </a-form>
    </a-spin>
  </a-modal>
</template>

<script>
  export default {
    name: 'CodeSelectAdd'
  }
</script>

<style scoped>

</style>